<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<title>活动图集</title>

	<script>document.write('<script src="../../plugin/vue/js/import.js?' + Math.random() + '"><' + '/script>');</script>

<script>
	_import("../../plugin/vue/js/before.js");
</script>


</head>
<body>
	<div id="app" class="container" v-cloak>
	 <div class="panel-body">
	       <el-row class="text-right mb10">
                <el-button class="pull-right" type="primary" @Click="add"  >添加标签</el-button>  
           </el-row>  
           <el-row :gutter="20">
            <el-col :span="24">
				      <div class="grid-content">
			                             <el-table :data="data" border style="width: 100%" >                              
			                                <el-table-column label="" >
			                                 <template slot-scope="scope">	
			                                          <template	v-if="scope.row.file_type=='image'">	         
											              <el-image  :src="scope.row.convert_url" lazy :preview-src-list="preImg(scope.row)">		           
											             </el-image>  		
										              </template>	
										              <template	v-else>									                                                      
											           <video :src="scope.row.url" controls="controls"  style="width: 300px; "></video>
										              </template>	
										              <br>
										              {{scope.row.url}}
										              <p> 
										              <el-button type="primary"  size="small" @click="delFile(scope.row)">删除</el-button>	</p>				       
										      </template>
			                                </el-table-column>          
			                                             
			                            </el-table> 
			                            <!-- page -->
			                            <div class="block mt10" >
			                                <el-pagination  small @size-change="handleSizeChange"
			                                    @current-change="handleCurrentChange"
			                                    :current-page="currentPageNbr" :page-sizes="pageSizes"
			                                    :page-size="pageSize" class="w-tc"
			                                    layout=" prev, pager, next"
			                                    :total="totalRecords"> </el-pagination>
			                            </div>
			             </div> 							 					  
				  </el-col>
                </el-row>					
        </div>        
               
	<el-dialog title="添加标签" width="300px" :visible.sync="dialogFlag"  :close-on-click-modal="false">
        		<el-form label-width="60px">
					<el-form-item label="标签名">
						<el-input v-model="name"></el-input>
					</el-form-item>					
				</el-form>
			 	<div slot="footer" class="dialog-footer">
			    	<el-button @click="cancel">取 消</el-button>
			    	<el-button type="primary" @click="doAdd">确 定</el-button>
			    </div>
        </el-dialog>
	</div>
	
	

	



</body>
<script>
	_import("../../plugin/vue/js/after.js?type=0");
</script>
 <script>
        _import("js/table.js");
  </script>
</html>